<script>
$(function() {
	$('#course_tbody a.course-a').bind('click', function() {
		var thiss = $(this);
		thiss.next().toggle();
		if ('none' != thiss.next().css('display')) {
			$('#course_tbody div.course-div').hide();
			thiss.next().show();
			//showMyClassCourse(thiss.attr('data-cur'), thiss);
			showMaterialAndExam(thiss.attr('data-code'),thiss.attr('data-cur'),thiss.attr('i'));
		}
	});
})

</script>
<#import "/freemarker/modeltype.ftl" as mt>
<div class="dataTables_title">
	<div class="dataTables_title_left">按钮注释</div>
	<div class="dataTables_title_right">
		<a class="btn btn-info" href="#"><i class="icon-thumbs-up"></i> 受训报告</a>
	</div>
</div>
<table class="table table-bordered animate2 fadeInUp">
	<thead>
		<tr>
			<th>名称</th>
			<th>所属机构</th>
			<th>是否屏蔽</th>
			<th>创建人</th>
			<th>创建时间</th>
			<th style="text-align: center;width: 30px;">操作</th>
		</tr>
	</thead>
	<tbody id="course_tbody">
	<#assign i = 0 />
	<#list pageBean.resultList as c>
		<tr class="ui-widget-content position:relative">
			<td>${c.name}
				<a href="javascript:;" class="course-a" style="color: red;" data-code="${(c.code)!''}" data-cur="${(c.ccrList[0].cc)!''}" i="${i}">【课程】</a>
				<div class="course-div" style="display:none; position:absolute;overflow:hidden; padding:5px; border:1px #ddd solid; background:#fff; top:10; left:0; z-index:999;" id="aaa_${c.code}">
					<span style="position:absolute;top:0px;right:3px;"><a href="javascript:;" style="color:red;" onclick="javascript:$(this).parents('.course-div').hide();" class="btn btn-circle"><i class="icon-remove"></i></a></span>
					<div class="tabbable tabs-left">
						<ul class="nav nav-tabs" style="height: 300px;overflow: auto;">
							<#list c.ccrList as ccr>
							<li class="">
								<a href="#tab_content_${ccr_index}" data-toggle="tab" href="javascript:;" onclick="javascript: showMaterialAndExam('${c.code}','${ccr.cc}','${i}');return false;">[${(ccr.ccn)!''}]</a>
							</li>
							</#list>
						</ul>
						<div class="tab-content" style="width:700px;height:300px;" id="courseList_${i}">
						
						</div>
					</div>
				</div>
			</td>
			<td>${c.on}</td>
			<td><@mt.YesOrNo value=((c.deleted)!false) r=false /></td>
			<td>${c.cn}</td>
			<td>${c.ct?string('yyyy-MM-dd HH:mm')}</td>
			<td>
				<a class="btn btn-xs btn-info" onclick="javascript: openTrainedReport('${c.code}'); return false;" title="受训报告"  <#if c.isSign && c.status == 3><#else>disabled="disabled"</#if>>
					<i class="icon-thumbs-up"></i>
				</a>
			</td>
		</tr>
		<#assign i = i + 1 />
	</#list>
	</tbody>
</table>
<#import "/freemarker/pagination.ftl" as p>
<@p.pagination pageBean 'queryMyClass'/>